{% extends "base_worklist.html" %}
{%block title%}
İş İstesi
{%endblock%}

{%block content%}
	
<div id="content">	
<div> 
    <div class="entry"> 
        <form method="post" action=""> 
            <table id="id_contact_info_table" border="0" cellpadding="0" cellspacing="5"> 

    <thead> 
   
     <tbody>
        {% for form in fset.forms %}
   		<tr>	
   			{% for field in form%}
   			<td>{{field}}</td>	
   		    {%endfor%}
    	</tr>
       {% endfor %}
       
	</tbody>
</table>
			<p>
                {{ fset.management_form }}
                <input type="submit" value="Submit" />
            </p>
</form>
</div>
</div>
</div>

{% endblock %}
{%block script%}
<link href="{{MEDIA_URL}}css/default.css" rel="stylesheet" type="text/css" media="screen" /> 
<script type="text/javascript" src="{{MEDIA_URL}}js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="{{MEDIA_URL}}js/jquery.formset.js"></script> 
 
<script type="text/javascript"> 
    $(function() {
        $('#id_contact_info_table tbody tr').formset({
            extraClasses: ['row1', 'row2', 'row3']
        })
    })
</script> 
<!-- Here's an example of how you can style add/delete buttons with CSS --> 
<style type="text/css"> 
    .add-row {
        padding-left:18px;
        background:url({{MEDIA_URL}}images/add.png) no-repeat left center;
    }
    .delete-row {
        float:right;
        display:inline-block;
        margin: 0px -20px 0 5px;
        text-indent:-6000px;
        background:url({{MEDIA_URL}}images/delete.png) no-repeat left center;
        width:16px;
        height:16px;
    }
    tr.row1 td { background-color: #f9f9f9; }
    tr.row2 td { background-color: #f3f3f3; }
    tr.row3 td { background-color: #ededed; }
</style> 

{% endblock%}